<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <f:view contentType="text/html">
        <h:head>
            <f:facet name="first">
                <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
                <title>Home</title>
            </f:facet>
            <h:outputStylesheet library="css" name="jsfcrud.css"/>
            <h:outputScript library="js" name="jsfcrud.js"/>
        </h:head>

        <h:body style=" background-image: url(BG.jpg);">
            <p:growl id="growl" life="3000" />
            <p:layout fullPage="true" style=" background-image: url(BG.jpg);">

                <p:layoutUnit position="north" size="140" resizable="true" closable="true" collapsible="true" style=" background-image: url(BG.jpg);">
                   
                    <center>                        
                        <IMG SRC="framesuperior1.png" ALT="TESECOMP" width="1400" height="90" />
                    </center>   
                    <p:menubar>
                        
                        
                        <f:facet name="options">
                            <h:form>
                            <p:inputText label="Usuario:" value="#{mbSession.usuario}" disabled="true"  style="margin-right:10px" placeholder="Search"/>
                            <h:commandButton value="Logout" action="#{mbSession.cerrarSession()}"/>
                            </h:form>
                        </f:facet>
                        
                    </p:menubar>
                    
                </p:layoutUnit>

               
                <p:layoutUnit position="west" size="170" header="Menu" collapsible="true" style=" background-image: url(BG.jpg);">
                <h:form style=" background-image: url(BG.jpg);">
                    <p:menu style=" background-image: url(BG.jpg);">
                        <p:submenu label="Consultas">
                            <p:menuitem value="Mapa Estrategico Organizacional" outcome="/graficoobjetivoscons.xhtml"/>
                            <p:menuitem value="Matriz BSC" outcome="/matrizbsccons.xhtml"/>
                            <p:menuitem value="Reporte de Indicadores" outcome="/matrizindicadorescons.xhtml"/>
                            <p:menuitem value="Historial de Indicadores" outcome="/historicoindicadorcons.xhtml"/>
                            <p:menuitem value="Reporte de Tareas" outcome="/matriztareascons.xhtml" />
                        </p:submenu>

                    </p:menu>
                </h:form>
                </p:layoutUnit>
                
                <p:layoutUnit position="center" style=" background-image: url(BG.jpg);">
                    <ui:insert name="body"/>
                </p:layoutUnit>

            </p:layout>

        </h:body>

    </f:view>
</html>

